<template>
    <view>
        <HeaderBar :title="title"/>
        <view class="img_view">
            <img class="minAppCode" src="https://img0.baidu.com/it/u=3807285276,774538223&fm=253&fmt=auto&app=138&f=JPEG?w=408&h=408" alt="">
        </view>
        <view class="cun_btn">保存小程序码</view>
    </view>
</template>
<script setup>
import { ref } from 'vue';
import HeaderBar from '@/components/HeaderBar'
const title = ref("心灵塔塔")
</script>
<style  scoped>

.img_view{
    width: 100%;
    height: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.minAppCode{
    width: 70vw;
    height: 70vw;
    border-radius: 50%;
}
.cun_btn{
    width: 70vw;
    height: 7vh;
    line-height: 7vh;
    background-color: #532269;
    color: white;
    text-align: center;
    border-radius: 7vh;
    margin: 0 auto;
}
</style>